import useStore from '@/store/index'
import Message from '@/components/message'
import axios from 'axios'
// import { onMounted } from 'vue'
// onMounted(() => {})
// 备用接口地址: http://pcapi-xiaotuxian-front-devtest.itheima.net/
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front.itheima.net/',
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    const { user } = useStore()
    // 在发送请求之前做些什么
    if (user.profile.token) {
      config.headers!.Authorization = `Bearer ${user.profile.token}`
    }

    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    return response
  },
  function (error) {
    // 对响应错误做点什么
    if (!error.response) {
      Message.error('网络异常')
    } else {
      if (error.response.data.code === '501' && error.response.data.message === '三方登录失败') {
        Message.warning('QQ号还未关联,请填定详细信息')
      } else {
        Message.error(error.response.data.message)
      }
    }
    return Promise.reject(error)
  }
)

export default instance
